<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>百朋后台管理系统</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/easyui/demo.css">
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/user/user_main.css">
    <script type="text/javascript" src="__PUBLIC__/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/admin/user/user_main.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/button.js"></script>
</head>
<body>
    <div class="user_table">
        <table id="user_table" title="Client Side Pagination" style="width:100%;height:405px" data-options="
                        rownumbers:true,
                        singleSelect:true,
                        autoRowHeight:false,
                        pagination:true,
                        pageSize:10,toolbar:'#tb'">
            <thead>
            <tr>
                <th field="user_id" width="10%">员工编号</th>
                <th field="user_name" width="15%">员工姓名</th>
                <th field="load_name" width="20%">员工登录名</th>
                <th field="user_phone" width="10%">员工电话</th>
                <th field="role_name" width="10%">角色名称</th>
                <th field="fac_simple_name" width="15%">关联商户简称</th>
                <!--<th field="amount" width="80" align="right">Amount</th>
                <th field="price" width="80" align="right">Price</th>
                <th field="cost" width="100" align="right">Cost</th>
                <th field="note" width="110">Note</th>-->
            </tr>
            </thead>
        </table>
    </div>
    <div id="tb" style="padding:5px;height:auto">
        <div style="margin-bottom:5px;height:25px" id="tb_button">
            <!--<a href="javscript:;" onclick="add_user();"  class="easyui-linkbutton" iconCls="icon-add" plain="true">新增</a>
            <a href="#" class="easyui-linkbutton"  onclick="edit_user();" iconCls="icon-edit" plain="true">编辑</a>-->
        </div>
        <form id="searchForm" method="get" action="../../Admin/user/user_main">
            <div>
                员工姓名: <input class="easyui-textbox" style="width:100px" name="user_name" value="{$user_name}">
                员工电话: <input class="easyui-textbox" style="width:100px" name="user_phone" value="{$user_phone}">
                角色:
                <select class="easyui-combobox" panelHeight="auto" style="width:100px" name="role_id" id="role_id">
                    <option value="">请选择</option>
                    <foreach name="role_array" item="role">
                        <option value="{$role.role_id}">{$role.role_name}</option>
                    </foreach>
                </select>
                <script>$("#role_id").find("option[value='{$role_id}']").attr("selected",true);</script>
                <a href="javascript:;" onclick="searchSubmit()" class="easyui-linkbutton" iconCls="icon-search">搜索</a>
            </div>
        </form>
    </div>
    <script>
        $(function(){
            var json='{$user_json}';
            var array=eval('('+json+')');
            $('#user_table').datagrid({loadFilter:pagerFilter});
            $('#user_table').datagrid("options").pageNumber='{$page}'*1;
            $('#user_table').datagrid('loadData', array);
            $('.datagrid-pager').css("margin-bottom","0px");
        });
    </script>
</body>
</html>